<!--<template>-->
<!--    <vue-office-docx-->
<!--            :src="docx"-->
<!--            style="height: 100vh;"-->
<!--            @rendered="renderedHandler"-->
<!--            @error="errorHandler"-->
<!--    />-->

<!--&lt;!&ndash;    <vue-office-pdf&ndash;&gt;-->
<!--&lt;!&ndash;            :src="pdf"&ndash;&gt;-->
<!--&lt;!&ndash;    />&ndash;&gt;-->
<!--&lt;!&ndash;    <div id="pdf"></div>&ndash;&gt;-->

<!--</template>-->

<!--<script setup>-->
<!--    import {  ref } from "vue";-->
<!--    //引入VueOfficeDocx组件-->
<!--    import VueOfficeDocx from '@vue-office/docx'-->
<!--    //引入相关样式-->
<!--    import '@vue-office/docx/lib/index.css'-->
<!--    import VueOfficePdf from '@vue-office/pdf'-->
<!--    import '@vue-office/pdf'-->

<!--    const pdf=ref("/textualmaterial/20240410/62a3bf5ebb394f1e9841307d0ba7b45a.PDF")-->

<!--    const docx=ref("/textualmaterial/20240410/3fdfe537ef6e43cab38952c29ceba3ed.docx") //设置文档网络地址，可以是相对地址-->
<!--    // docx作为参数通过父组件传参-->
<!--    const renderedHandler=()=>{-->
<!--        console.log("渲染完成")-->
<!--    }-->
<!--    const errorHandler=()=>{-->
<!--        console.log("渲染失败")-->
<!--    }-->

<!--    // import {  ref,onMounted } from "vue";-->
<!--    // import jsPreviewPdf from "@js-preview/pdf";-->
<!--    //-->
<!--    // const pdf = ref("/textualmaterial/20240410/62a3bf5ebb394f1e9841307d0ba7b45a.PDF");-->
<!--    // onMounted(() => { // setup下先再获取到dom节点之后再进行挂载-->
<!--    //     const myPdfPreviewer = jsPreviewPdf.init(document.getElementById('pdf'));-->
<!--    //     myPdfPreviewer.preview(pdf.value).then(res=>{-->
<!--    //         console.log('预览完成');-->
<!--    //     }).catch(e=>{-->
<!--    //         console.log('预览失败', e);-->
<!--    //     });-->
<!--    // });-->

<!--</script>-->

<!--<style scoped>-->

<!--</style>-->